thin.imports('/public/configure/conf.project.js');
thin.imports('/public/plug/FormCombox/FormCombox.js');
thin.imports('/public/home/resource/compress.js');
thin.imports('/public/plug/LoadEffect/LoadEffect.js');

thin.use(function() {
	// 頁面加載完畢
	thin.effect();

	// 绑定压缩上传图片按钮
	$(document).on('change', '[layout-mark=uploadFile]', thin.uploadImage);

	form = new FormCombox();
	initCreateProject();

	$(document).on('click', '.uploadFiles-atlas a', function() {
		var that = $(this),
			_id = that.children('img').attr('data-id');
		layer.confirm('是否删除', {
				btn: ['删除', '取消']
			},
			function(index) {
				that.remove();
				delete atlasopt[_id];
				layer.close(index);
			},
			function(index) {
				layer.close(index);
			}
		);
	});
});

var data_opts = {}, // 记录opts的数据
	data_opts_index = 0, // 记录opts的次数
	form,
	__getdata_opts = {},
	__getdata_procre = {},
	cache_optdata_index = 0;

// 初始化创建项目页面
function initCreateProject() {

	$('#submit-create-project').on('click', submitProject);

	layer.load(0, {
		shade: [0.08, '#000']
	});

	// 判斷是否緩存了conf.opts
	if(tool.__storage.get('conf_opts_data')) {
		// 讀取緩存
		data_opts['stage'] = tool.__storage.get('conf_opts_stage');
		data_opts['round'] = tool.__storage.get('conf_opts_round');
		data_opts['industry'] = tool.__storage.get('conf_opts_industry');
		data_opts['city'] = tool.__storage.get('conf_opts_city');
		// 渲染表單
		createForm();
		layer.closeAll('loading');
	} else {
		// 讀取新數據
		thin.imports('/public/configure/conf.opts.js', function() {
			__getdata_opts.name = 'stage';
			factory.request('_common_opts', ['stage', '项目阶段']);
			__getdata_opts.name = 'round';
			factory.request('_common_opts', ['round', '项目轮次']);
			__getdata_opts.name = 'industry';
			factory.request('_common_opts', ['industry', '所属行业']);
			__getdata_opts.name = 'city';
			factory.request('_common_opts', ['city', '所在城市']);
		});
	}
}

// 讀取opts回調
function __complete_opts(res, unkn) {
	data_opts_index = data_opts_index + 1;
	if(res.status == 200) {
		cache_optdata_index = cache_optdata_index + 1;
		data_opts[unkn[0]] = [res.data, unkn[1]];
		tool.__storage.set('conf_opts_' + unkn[0], [res.data, unkn[1]], 36000000);
		if(data_opts_index == 4) tool.__storage.set('conf_opts_data', 'true', 36000000);
	} else {
		// nothing
	}
	// 判断是否全部读取了opts信息
	if(data_opts_index == 4) {
		// 渲染表單
		createForm();
		layer.closeAll('loading');
	}
}

// 渲染表单
function createForm() {
	/*{
		'type': 'text',
		'label': 'logo',
		'name': 'logo',
		'disabled': 'disabled',
		'value': '/public/home/images/default-project-logo.png'
	}*/
	var form_opt = [{
		'type': 'custom',
		'label': '基本信息',
		'class': 'fs16r weight-bold',
		'html': '<div class="b-line-b" style="height:20px"> </div>'
	}, {
		'type': 'custom',
		'label': 'logo',
		'class': 'uploadFilesBox',
		'html': $('#logo-template').html()
	}, {
		'type': 'text',
		'label': '项目标题',
		'name': 'title',
		'value': ''
	}, {
		'type': 'text',
		'label': '一句话介绍',
		'name': 'words',
		'value': ''
	}, {
		'type': 'custom',
		'label': '融资信息',
		'class': 'fs16r weight-bold',
		'html': '<div class="b-line-b" style="height:20px"> </div>'
	}];

	for(var i in data_opts) {
		var data = data_opts[i][0];
		var arr = [];
		for(var o in data) {
			arr.push({
				'value': data[o],
				'text': data[o]
			});
		}
		form_opt.push({
			'type': 'select',
			'label': data_opts[i][1],
			'name': i,
			'text': '请选择',
			'option': arr
		});
	}

	form_opt.push({
		'type': 'text',
		'label': '拟融资金额(万)',
		'name': 'money',
		'value': ''
	}, {
		'type': 'custom',
		'label': '详细信息',
		'class': 'fs16r weight-bold',
		'html': '<div class="b-line-b" style="height:20px"> </div>'
	}, {
		'type': 'textarea',
		'label': '项目简介',
		'name': 'introduction',
		'value': ''
	}, {
		'type': 'custom',
		'label': '项目图集',
		'class': 'uploadFilesBox',
		'html': $('#atlas-template').html()
	});

	/*{
		'type': 'text',
		'label': '项目图集',
		'name': 'atlas',
		'value': ''
	}*/

	form.addCombox(form_opt);
	form.reader('layout-form-create');
	$('#tpl-create-template').show();
}

// 提交项目数据
function submitProject() {
	var data_opt = {};
	$('#layout-form-create').find('input, textarea').each(function() {
		var name = $(this).attr('name');
		if(name != '') {
			data_opt[name] = $(this).val();
		}
	});

	var arr = [];
	for(var i in atlasopt) {
		arr.push(atlasopt[i]);
	}
	if(arr.length > 0) data_opt['atlas'] = JSON.stringify(arr);

	layer.load(0, {
		shade: [0.08, '#000']
	});

	__getdata_procre = data_opt;
	factory.request('_project_create');

}

function __complete_procre(res) {
	layer.closeAll('loading');
	if(res.status == 201) {
		layer.msg('项目创建成功', {
			icon: 1,
			time: 1200
		}, function() {
			window.location.href = '/project/cp.html';
		});
	} else {
		layer.msg(res.error, {
			icon: 2,
			time: 800
		});
	}
}

// 上传logo回调
var __ulogo = {
	'imgelem': function() {
		return document.getElementById('img-pc-logo');
	},
	'process': function(base64) {

	},
	'complete': function(res) {
		if(res.status == 201) {
			$('#ipt-pc-logo').val(res.data.uri);
		} else {
			layer.msg(res.error, {
				icon: 2,
				time: 800
			});
		}
	}
}

var atlasopt = {},
	_atlasid;

// 上传图集回调
var __uatlas = {
	'imgelem': function() {
		return document.createElement('img');
	},
	'process': function(base64) {
		_atlasid = new Date().getTime();
		atlasopt[_atlasid] = base64;
		var tmpl = '<a href="javascript:;"><img src="' + base64 + '" data-id="' + _atlasid + '" /></a>';
		$("#uploadFiles-atlas").prepend($(tmpl));
	},
	'complete': function(res) {
		if(res.status == 201) {
			atlasopt[_atlasid] = res.data.uri;
		} else {
			layer.msg(res.error, {
				icon: 2,
				time: 800
			});
		}
	}
}